<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./stylesheets/index.css">
  <title>导航栏</title>
</head>
<body>
  <!-- 3、nav元素应该清除浮动 -->
  <nav>
    <!-- 1、类名为left-icon的元素应该为浮动元素，且为左浮动 -->
    <div class="left-icon">
      <a href="#">小米官网</a>
    </div>

    <!-- 2、类名为right-search的元素应该为浮动元素，且为右浮动 -->
    <div class="right-search iconfont">
      <input type="text">
      <i class="submit">&#xf00d9;</i>
    </div>

    <ul class="list">
      <li>
        <a href="#">Xiaomi手机</a>
      </li>
      <li>
        <a href="#">Redmi 红米</a>
      </li>
      <li>
        <a href="#">电视</a>
      </li>
      <li>
        <a href="#">笔记本</a>
      </li>
      <li>
        <a href="#">平板</a>
      </li>
      <li>
        <a href="#">家电</a>
      </li>
      <li>
        <a href="#">路由器</a>
      </li>
      <li>
        <a href="#">服务</a>
      </li>
      <li>
        <a href="#">社区</a>
      </li>
    </ul>
  </nav>
</body>
</html>